<template>
  <transition name="slide">
    <div id="child" v-show="isShow">
    </div>
  </transition>

</template>

<script>
  export default {
    name: 'Child',
    data() {
      return {
        isShow: false
      }
    },
    methods: {
      show () {
        this.isShow = true;
      }
    }
  }
</script>

<style scoped>
  #child {
    width: 300px;
    height: 400px;
    background-color: green;
  }
</style>
